/**
 * 公共样式
 */

.page {
  padding: 10px 20px;
}

.router-box {
  position: fixed;
  top: 36px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.router-link {
  text-decoration: none;
  color: $brand-primary;
  &:hover {
    text-decoration: underline;
  }
}

// 查询表单公共样式
.query-form {
  /* ===== 即将废弃：开始 ===== */
  .el-input { // 设置文本输入框宽度
    width: auto;
  }
  .query-form__label { // 表单标签
    display: inline-block;
    margin-left: 1em;
    color: #666666;
  }
  .query-form__group { // 同组输入框不会被换行
    display: inline-block;
    line-height: 35px;
    white-space: nowrap;
  }
  .el-button.el-button--text {
    margin: 0;
  }
  .query-form__submit {
    margin-left: 1em;
  }
  /* ===== 即将废弃： 结束 ===== */

  .el-form-item--mini.el-form-item {
    margin-bottom: 5px;
  }
  .el-button.el-button--text {
    margin: 0;
  }
}

// 查询表单下面的统计数字
.collect {
  margin: 20px 0;
}

// 分页条
.table-data__pagin {
  margin: 10px 0;
}

// 表单
.form-box {
  max-width: 650px;
  margin: 20px auto;
  .el-form-item.is-success .el-input__inner,
  .el-form-item.is-success .el-input__inner:focus,
  .el-form-item.is-success .el-textarea__inner,
  .el-form-item.is-success .el-textarea__inner:focus {
    border-color: #dcdfe6;
  }
  .el-select,
  .el-cascader {
    width: 100%;
  }
}

// 订单详情对话框
.el-message-box.order-detail-dialog {
  width: 750px;
  .el-message-box__header {
    background-color: #f5f5f5;
  }
  .el-message-box__content {
    overflow: auto;
    max-height: 75vh;
  }
  .order-content {
    clear: both;
    margin-bottom: 20px;
  }
  .order-content__title {
    margin-bottom: 10px;
    padding-left: 1em;
    font-size: 16px;
    font-weight: bold;
  }
  .order-content__list {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0 2em;
  }
  .order-content__item {
    float: left;
    margin-bottom: 5px;
    width: 50%;
    span {
      display: inline-block;
      min-width: 75px;
      font-weight: bold;
    }
  }
  .order-content__body {
    padding: 0 2em;
  }
}

// 投诉处理对话框
.el-dialog.complain-dialog {
  width: 750px;
  max-width: 100%;
  .el-form-item__label {
    font-weight: bold;
  }
  .el-dialog__body {
    overflow: auto;
    max-height: 60vh;
    padding-top: 10px;
    padding-bottom: 55px;
  }
  .el-dialog__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #e5e5e5;
    background-color: #ffffff;
  }
}
